<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta content="telephone=no" name="format-detection" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="renderer" content="webkit" />
	<!--360自动切换极速-->
	<meta name="apple-mobile-web-app-title" content="标题" />
	<meta name="format-detection" content="telephone=no" />
	<link rel="shortcut icon" href="${ctxPath}/image/favicon.ico"/>
	<!--阻止iphone识别为电话-->
	<link rel="stylesheet" type="text/css" href="${ctxPath}/css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="${ctxPath}/css/swiper.min.css" />
	<link rel="stylesheet" type="text/css" href="${ctxPath}/css/global.css" />
	<link rel="stylesheet" type="text/css" href="${ctxPath}/css/index.css" />
	<style>
		.order-info .card-bg{
			height: auto;
		}
		.order-other a{
			font-size: 14px;
			font-weight: 400;
			color: #D0001A;
			line-height: 450%;
		}
	</style>
	<title>DAN潜水</title>
</head>

<body>
	<div class="container">
		@include("/include/header.html"){}
		<div class="user-info order-info">
			<h5 class="tit">订单信息</h5>
			<div class="card-bg" >
				<div class="row" style="padding: 25px;">
					<div class="col-6">
						<div class="item">
							<span class="label">订单编号:</span>
							${order.orderSn!'-'}
						</div>
						<div class="item">
							<span class="label">下单时间:</span>
							${order.createTime!,dateFormat="yyyy-MM-dd HH:mm:ss"}
						</div>
						<div class="item">
							<span class="label">会员到期:</span>
							${order.memberEndTime!,dateFormat="yyyy-MM-dd"}
						</div>
					</div>
					@ if(order.orderType == 1){
					<div class="col-6">
						<div class="item">
							<span class="label">支付方式:</span>
							${order.payTypeStr!'-'}
						</div>
						<div class="item">
							<span class="label">支付金额:</span>
							${order.payAmount!'-'}
						</div>
						<div class="item">
							<span class="label">付款时间:</span>
							${order.paymentTime!,dateFormat="yyyy-MM-dd HH:mm:ss"}
						</div>
					</div>
					@}
				</div>
			</div>
			<div class="order-des">
				<h5 class="tit">会员权益</h5>
				<div class="row">
					<div class="col-6">
						<div class="card-bg">
							<h6 class="sm-tit">会员享有的权益</h6>
							<div class="item">
								${order.memInterestsArticle.content!'暂无内容'}
							</div>
						</div>
					</div>
					<div class="col-6">
						<div class="card-bg">
							<h6 class="sm-tit">会员收费说明</h6>
							<div class="item">
								${order.memFeeArticle.content!'暂无内容'}
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="order-other" style="margin-bottom: 40px;">
				<h5 class="tit">相关协议</h5>
				<div class="card-bg">
					@ for(agreement in order.agreementList!){
					<a href="${ctxPath}/article/agreement/${agreement.id!}">${agreement.name!'-'}</a>
					@}
				</div>
			</div>
		</div>
		@include("/include/footer.html"){}
	</div>
</body>

</html>